@CHARSET "UTF-8";

.ol-popup {
	position: absolute;
	/* background-color: rgba(29, 33, 42, 0.9); */
	-webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
	/* padding: 10px; */
	border-radius: 10px;
	border: 1px solid #cccccc;
	bottom: 12px;
	left: -50px;
	min-width: 210px;
}

.ol-popup:after, .ol-popup:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ol-popup:after {
	border-top-color: rgba(29, 33, 42, 0.9);
	border-width: 10px;
	left: 48px;
	margin-left: -10px;
}

.ol-popup:before {
	border-top-color: #cccccc;
	border-width: 11px;
	left: 48px;
	margin-left: -11px;
}

.ol-popup-closer {
	position: absolute;
	text-decoration: none;
	top: 6px;
	right: 8px;
	cursor: pointer;
}

.ol-popup-closer:after {
	text-decoration: none;
	content: "✖";
	color:#bdbcbc;
}

.esm-ol-popup {
   position: absolute;
   background-color: white;
   -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
   filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
   padding: 15px;
   border-radius: 10px;
   border: 1px solid #cccccc;
   bottom: 12px;
   left: -50px;
   min-width: 280px;
 }
 .esm-ol-popup:after, .esm-ol-popup:before {
   top: 100%;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
 }
 .esm-ol-popup:after {
   border-top-color: white;
   border-width: 10px;
   left: 48px;
   margin-left: -10px;
 }
 .esm-ol-popup:before {
   border-top-color: #cccccc;
   border-width: 11px;
   left: 48px;
   margin-left: -11px;
 }
 .esm-ol-popup-closer {
   text-decoration: none;
   position: absolute;
   top: 2px;
   right: 8px;
 }
 .esm-ol-popup-closer:after {
   content: "✖";
 }
.olbtn{ clear: both; overflow: hidden;}
.olmatter{ width:290px; background-color: #fff; border-radius: 10px; padding:15px;}
.olmatter .ca{ margin-bottom: 5px;}
.olInput{width: 130px;height: 26px;border: 1px solid #d3d3d3;background-color: #ffffff;padding: 0 5px;position: relative;}
.olInput input{width: 100%;box-sizing: border-box;border: none;background: none;height: 26px;font-size: 14px;font-family: "微软雅黑";color: #666;line-height: 26px;}.olInput select{border: none; width: 130px; height: 22px; line-height: 22px; background: transparent;}
.olName{line-height: 22px; width: 100px; text-align: center;}
.olSure,.olCancel{border: 1px solid #d3d3d3; border-radius: 3px;width: 68px; height: 28px; background-color: #fff; cursor: pointer;}
.olSure{margin-right: 5px;}
.olSure:hover,.olCancel:hover{ background-color: #15a4fa; border: 1px solid #15a4fa; color:#fff;}
.olInput textarea{width: 100%; box-sizing: border-box; border: none; background: none; height: 100%; font-size: 14px; font-family: "微软雅黑";color: #666;line-height: 22px;line-height: inherit; outline: 0; border: 0; resize: none;background-attachment:fixed; background-repeat:no-repeat; overflow: hidden;}
.optionHdTxt{ position: relative;}
.optionHdTxt span{font-size: 12px; color: #333;}
.olOpion { position: absolute; top: 22px; left: -1px; width:140px; background-color: #fff; border: 1px solid #d3d3d3; z-index: 2;;}
.olOpion li{ padding: 2px 5px; font-size: 12px; color: #666;}
.olOpion li:hover{ background-color:#eee; }
.optionArr{ width: 20px; height: 20px; display: block; background: url(../images/icon.png) no-repeat; background-position: 0px -50px; position: absolute; right: 0px; top: 0px;}
.olInput.h40{height: 40px;}
.fireMain{ width:320px; background-color: #fff; padding:15px; border-radius: 10px;}
.fireMain .olInput{ margin-right: 5px;}
.fireMain .olSure{margin-left: 5px;}

.room .olmatter:after{ border:none;}
.olmatter:after{ top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;z-index: 2; pointer-events: none;}
.olmatter:after { border-top-color:#fff; border-width: 10px; left: 48px; margin-left: -10px;}

.urgent:after{ top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;z-index: 2; pointer-events: none;}
.urgent:after { border-top-color:#fff; border-width: 10px; left: 48px; margin-left: -10px;}
.fireDiv{ width:196px; text-align: center; line-height: 28px; background-color: #ff731e; color:#fff; margin-top: 10px; margin-left: 50px;}
.fireDIv:after{ top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;z-index: 2; pointer-events: none;}
.fireDIv:after { border-top-color:#fff; border-width: 10px; left: 48px; margin-left: -10px;}
